header, section {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 50px;
}
header {
	height: 70px;
}
header .wrapper {
	position: relative;
}
header h1 {
	position: absolute;
	left: 10px;
	top: 2px;
	width: 100px;
	height: 30px;
	text-indent: -9999em;
	overflow: hidden;
	background: url('../images/sprites.png') -50px 0;
}
header .switches {
	position: absolute;
	left: 400px;
	top: 25px;
}

.switch {
	display: inline-block;
	position: relative;
	height: 30px;
	padding: 3px 30px 0 50px;
	font-size: 85%;
	color: #aaa;
	text-decoration: none;
	text-transform: lowercase;
}
.switch:hover {
	color: #888;
}
.switch:before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 30px;
	width: 40px;
	background: url('../images/sprites.png') 0 0;
}
.switch.off:before {
	background: url('../images/sprites.png') 0 -30px;
}



section > .frame {
	overflow: auto;
	padding: 5px;
	border: 1px solid #eee;
}

section .container {
	height: 6000px;
	overflow: hidden;
}
section .scroller {
	position: relative;
}

#canv, #iframe {
	position: absolute;
	top: 0;
	left: 0;
	border: none;
	width: 100%;
}

#canv {
	z-index: 9999;
}




